<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
	<meta charset="UTF-8">
	<link rel="shortcut icon" href="favicon.ico">
	<link rel="stylesheet" href="css/iconfont.css">
	<link rel="stylesheet" href="css/global.css">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/bootstrap-theme.min.css">
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" href="css/styles.css">
	<link rel="stylesheet" href="css/logo.css" />
	<script src="js/jquery.1.12.4.min.js" charset="UTF-8"></script>
	<script src="js/bootstrap.min.js" charset="UTF-8"></script>
	<script src="js/swiper.min.js" charset="UTF-8"></script>
	<script src="js/global.js" charset="UTF-8"></script>
	<script src="js/jquery.DJMask.2.1.1.js" charset="UTF-8"></script>
	<script src="js/index2.js"></script> 
	<link rel="stylesheet" type="text/css" href="css/center.css">
	<title>安全中心</title>
</head>
<body>
	<!--页头-->
	<div id="dingdan"></div>
	<style type="text/css">
	.fl{
		float: left;
	}
	.fr{
		float: right;
	}
	.importfont{
		color: deepskyblue;
	}
	li{
		font: 12px/1.5 tahoma,arial,"Hiragino Sans GB",\5b8b\4f53;
		background-color: #fff;
	    border: 1px solid #e8e8e8;
	    padding: 10px;
	    margin-bottom:15px;
	    height: 80px;
	    box-shadow: 1px 1px 1px #f4f4f4;
	}
	.good{
		font: 12px/1.5 tahoma,arial,"Hiragino Sans GB",\5b8b\4f53;
		color: #fff;
		width: 30px;
	    height: 20px;
	    background: orange;
	    overflow: hidden;
	    display: inline-block;
	    position: relative;
	    top: 3px;
	    background-position: -496px -131px;
	}
	.change_button{
		color: #fff;
	    padding: 10px 22px;
	    line-height: 31px;
	    height: 50px;
	    background: orange;
	    font-size: 14px;
	    font-weight: 700;
	}
</style>
	<!-- 顶部标题 -->
	<div class="bgf5 clearfix">
		<div class="top-user">
			<div class="inner">
				<a class="logo" href="index.html"><li id="logo"></li></a>
				<div class="title">个人中心</div>
			</div>
		</div>
	</div>
	<div class="content clearfix bgf5" style="height: 1200px;">
		<section class="user-center inner clearfix">
			<div id="caidan" style="position: absolute;">
            	
           </div>
			<div class="pull-right">
				<div class="user-content__box clearfix bgf">
					<div class="title">安全中心———选择修改方式</div>
					<br />
					<div id="email_change_box">
						<div style="padding:30px 0 0 20px;font-size:20px;">
							<p>您正在对<span id="change_box" style="color:red"></span>进行修改，选择您的验证方式</p>
							<ul>
					            <li>
					                <div class="fl">
					                    <h4>
					                    	<span>通过登录密码</span>
					                    	<i class="good">推荐</i>
					                    </h4>
					                    <p class="beizhu"></p>
					                </div>
					                <div class="fr">
					                    <a class="change_button" onclick="gochangebypaswd()" href="#">立即重置</a>
					                </div>
					            </li>
					            <li>
					                <div  class="fl">
					                    <h4><span>通过验证身份证件</span></h4>
					                    <p class="beizhu">如果您已经完成身份认证，请选择此方式</p>
					                </div>
					                <div class="fr">
					                    <a class="change_button" onclick="gochangebyidcart()" href="#">立即重置</a>
					                </div>
					            </li>
					            <li>
                                    <div class="fl">
					                    <h4><span>通过验证短信</span></h4>
					                    <p class="beizhu">如果您的手机还在正常使用，请选择此方式</p>
				                	</div>
				                	<div class="fr">
					                    <a class="change_button" onclick="gochangebyphone()" href="#">立即重置</a>
					                </div>
			                    </li>
                                <!--<li>
                                    <div class="fl">
				                    <h4><span>通过验证电子邮箱</span></h4>
				                    <p class="beizhu">如果你的账户邮箱还在使用，请选择此方式</p>
				                	</div>
				               		<div class="fr">
				                    	<a class="change_button" href="#">立即重置</a>
				                	</div>
			                    </li>-->
					   		</ol>
						</div>
					</div>
				</div>
			</div>
		</section>
	</div>
	<!-- 右侧菜单 -->
	<div class="right-nav">
		<ul class="r-with-gotop">
			<li class="r-toolbar-item">
				<a href="udai_welcome.html" class="r-item-hd">
					<i class="iconfont icon-user" data-badge="0"></i>
					<div class="r-tip__box"><span class="r-tip-text">用户中心</span></div>
				</a>
			</li>
			<li class="r-toolbar-item">
				<a href="udai_shopcart.html" class="r-item-hd">
					<i class="iconfont icon-cart"></i>
					<div class="r-tip__box"><span class="r-tip-text">购物车</span></div>
				</a>
			</li>
			<li class="r-toolbar-item">
				<a href="udai_collection.html" class="r-item-hd">
					<i class="iconfont icon-aixin"></i>
					<div class="r-tip__box"><span class="r-tip-text">我的收藏</span></div>
				</a>
			</li>
			<li class="r-toolbar-item">
				<a href="" class="r-item-hd">
					<i class="iconfont icon-liaotian"></i>
					<div class="r-tip__box"><span class="r-tip-text">联系客服</span></div>
				</a>
			</li>
			<li class="r-toolbar-item">
				<a href="issues.html" class="r-item-hd">
					<i class="iconfont icon-liuyan"></i>
					<div class="r-tip__box"><span class="r-tip-text">留言反馈</span></div>
				</a>
			</li>
			<li class="r-toolbar-item to-top">
				<i class="iconfont icon-top"></i>
				<div class="r-tip__box"><span class="r-tip-text">返回顶部</span></div>
			</li>
		</ul>
		<script>
			$(document).ready(function(){ $('.to-top').toTop({position:false}) });
		</script>
	</div>
	<!-- 底部信息 -->
	<div class="footer" style="position: absolute;top: 1300px;width: 100%;">
		<div class="footer-tags">
			<div class="tags-box inner">
				<div class="tag-div">
					<img src="images/icons/footer_1.gif" alt="厂家直供">
				</div>
				<div class="tag-div">
					<img src="images/icons/footer_2.gif" alt="一件代发">
				</div>
				<div class="tag-div">
					<img src="images/icons/footer_3.gif" alt="美工活动支持">
				</div>
				<div class="tag-div">
					<img src="images/icons/footer_4.gif" alt="信誉认证">
				</div>
			</div>
		</div>
		<div class="footer-links inner">
			<dl>
				<dt>富城百货</dt>
				<a href="temp_article/udai_article10.html"><dd>企业简介</dd></a>
				<a href="temp_article/udai_article11.html"><dd>加入U袋</dd></a>
				<a href="temp_article/udai_article12.html"><dd>隐私说明</dd></a>
			</dl>
			<dl>
				<dt>服务中心</dt>
				<a href="temp_article/udai_article1.html"><dd>售后服务</dd></a>
				<a href="temp_article/udai_article2.html"><dd>配送服务</dd></a>
				<a href="temp_article/udai_article3.html"><dd>用户协议</dd></a>
				<a href="temp_article/udai_article4.html"><dd>常见问题</dd></a>
			</dl>
			<dl>
				<dt>新手上路</dt>
				<a href="temp_article/udai_article5.html"><dd>如何成为代理商</dd></a>
				<a href="temp_article/udai_article6.html"><dd>代销商上架教程</dd></a>
				<a href="temp_article/udai_article7.html"><dd>分销商常见问题</dd></a>
				<a href="temp_article/udai_article8.html"><dd>付款账户</dd></a>
			</dl>
		</div>
		<div class="copy-box clearfix">
			<ul class="copy-links">
				<a href="agent_level.html"><li>网店代销</li></a>
				<a href="class_room.html"><li>U袋学堂</li></a>
				<a href="udai_about.html"><li>联系我们</li></a>
				<a href="temp_article/udai_article10.html"><li>企业简介</li></a>
				<a href="temp_article/udai_article5.html"><li>新手上路</li></a>
			</ul>
			<!-- 版权 -->
			<p class="copyright">
				© 2005-2017 XXX 版权所有，并保留所有权利<br>
				ICP备案证书号：闽ICP备XXX号-2&nbsp;&nbsp;&nbsp;&nbsp;福建省宁德市XXX&nbsp;&nbsp;&nbsp;&nbsp;Tel: XXX&nbsp;&nbsp;&nbsp;&nbsp;E-mail: XXX@qq.com
			</p>
		</div>
	</div>
</body>
</html>
<script type="text/javascript">
	//顶端导入
	$("#dingdan").load("index_head.html");
	
	//获得userid//
	function getUserid(cookieName) {
	    var strCookie = document.cookie;
	    var arrCookie = strCookie.split("; ");
	    for(var i = 0; i < arrCookie.length; i++){
	        var arr = arrCookie[i].split("=");
	        if(cookieName == arr[0]){
	            return arr[1];
	        }
	    }
	    return "";
	}
	
	var userid=getUserid("userid");
	//	var userid = sessionStorage.getItem("userid");
	
	$(function(){//第一步都得写这个
		$(document).on("click",".centers_listm_one_in",function(){
		$(this).next(".gjszmdm").slideToggle().siblings("gjszmdm").slideUp()
		});
	})
	/*$(document).ready(function(){ $('.to-top').toTop({position:false}) });*/
	//解读页面传来的参数//
	function getQueryString(name) {
		var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
		var r = window.location.search.substr(1).match(reg);
		if (r != null) {
		return unescape(r[2]);
		}
		return null;
	}
	$(document).ready(function(){
		//填入被修改的信息//
		if(getQueryString("change")=="phone"){
			$("#change_box").html("手机");
		}else if(getQueryString("change")=="email"){
			$("#change_box").html("邮箱");
		}else if(getQueryString("change")=="paswd"){
			$("#change_box").html("登录密码");
		}
	})
	function gochangebypaswd () {
		var toUrl = "udai_modifypwd_step1.html?change=" + getQueryString("change");
        $(location).attr('href', toUrl);
	}
	function gochangebyidcart () {
		var toUrl = "udai_modifyidcart_step1.html?change=" + getQueryString("change");
        $(location).attr('href', toUrl);
	}
	function gochangebyphone () {
		var toUrl = "udai_modifyphone_step1.html?change=" + getQueryString("change");
        $(location).attr('href', toUrl);
	}
	//菜单//
	memu ();
	function memu ()
	{
	
		var list = "";
		$.ajax({
		    type: "post",//请求方式
		    url: "http://localhost:16111/user/MenuSelect",//上s层的路径
			dataType: "json",
		    data:{},//传值
		    xhrFields:{withCredentials: true},
		    success: function (data)
			{
				var user = eval('(' + JSON.stringify(data.data) + ')');
				
				
				list += '<div class=\"centers_listm_one\">'+
            	'<img src=\"images/zshy.png\"/>'+
                '<a href='+user.memu_url+'><em>'+user.memu_name+'</em></a>'+
            	'</div>';
            	for(var i in user.childMemu)
            	{
            		
            		list +='<div class=\"centers_listm_one_in\">'+
                '<img src=\"images/kouw.png\"/>'+
                '<em>'+user.childMemu[i].memu_name+'</em>'+
                '<b></b>'+
            	'</div>'+
            	'<span class="gjszmdm">';
            		for(var x in user.childMemu[i].childMemu)
            		{
            			if(user.childMemu[i].childMemu[x].memu_name=="宝贝收藏")
            			{
            				list += 
		                '<a href='+user.childMemu[i].childMemu[x].memu_url+'?userid='+sessionStorage.getItem("userid")+' class=\"center_in_self\"  target =\"_blank\"><font>'+user.childMemu[i].childMemu[x].memu_name+'</font></a>';
            			}else if(user.childMemu[i].childMemu[x].memu_name=="我的足迹")
            			{ 	
            				list += 
		                '<a href='+user.childMemu[i].childMemu[x].memu_url+'?userid='+sessionStorage.getItem("userid")+' class=\"center_in_self\" target =\"_blank\"><font>'+user.childMemu[i].childMemu[x].memu_name+'</font></a>';
            			}else 
            			{
            				list += 
		                '<a href='+user.childMemu[i].childMemu[x].memu_url+' class=\"center_in_self\"><font>'+user.childMemu[i].childMemu[x].memu_name+'</font></a>';
            			}
            			
		            	
            		}
            		list+='</span>';
            	} 
            	
            	$("#caidan").html(list);
		   }
		})		
		
	}
</script>